<!-- D:/project/app/ydz-app-uniapp/static/images/serve -->
<template>
	<view class="pagebody">
		<view class="topbox borderbox">
			<NavHeader :type="1"></NavHeader>
		</view>

		<!-- 组件1 -->
		<view class="combox" style="margin-top: -50rpx;">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					什么情况下，需要远程问诊?
				</view>
			</view>
			<!-- 			<view class="color303b39 fz36 mt30" style="line-height: 64rpx;">
				大数据调查显示，“一药难觅”的背后存在三大痛点：
			</view> -->
			<view class="mt30">
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							1
						</view>
						<view class="fz36 fwbold ml16" style="color: #00D9B2;">
							需开具处方时
						</view>
					</view>
					<view class="color303b39 fz32 mt16" style="margin-left: 48rpx;line-height: 48rpx;">
						某些疾病或特定药物，需要医生问诊后才能开具处方。通过远程会诊，医生线上开方，免去奔波，节约时间与费用。
					</view>
				</view>
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							2
						</view>
						<view class="fz36 fwbold ml16" style="color: #00D9B2;">
							寻求“第二诊疗意见”时
						</view>
					</view>
					<view class="color303b39 fz32 mt16" style="margin-left: 48rpx;line-height: 48rpx;">
						通过远程问诊获得国内外权威医学专家的第二诊疗意见，寻求新的诊疗方案。
					</view>
				</view>
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							3
						</view>
						<view class="fz36 fwbold ml16" style="color: #00D9B2;">
							赴海外就医前
						</view>
					</view>
					<view class="color303b39 fz32 mt16" style="margin-left: 48rpx;line-height: 48rpx;">
						通过远程问诊评估，确认海外就医的可行性，确定海外医院及医生接诊与否，避免长途跋涉。
					</view>
				</view>
			</view>
		</view>

		<!-- 组件1 -->
		<view class="combox" style="margin-top: 16rpx;">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					远程问诊有用吗？
				</view>
			</view>
			<view class="mt30">
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							1
						</view>
						<view class="fz36 color303b39 ml16" style="">
							可以获取更高的生存机会
						</view>
					</view>
				</view>
	
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							2
						</view>
						<view class="fz36 color303b39 ml16" style="">
							可以低成本问诊海外名医
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="combox" style="margin-top: 16rpx;">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					远程问诊适应人群
				</view>
			</view>
			<view class="mt30">
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							1
						</view>
						<view class="fz36 color303b39 ml16" style="">
							病情复杂的高龄患者
						</view>
					</view>
				</view>
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							2
						</view>
						<view class="fz36 color303b39 ml16" style="">
							恶性肿瘤患者(尤其已进展至骨转移阶段)
						</view>
					</view>
				</view>
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							3
						</view>
						<view class="fz36 color303b39 ml16" style="">
							寻求第二意见或创新治疗策略的患者
						</view>
					</view>
				</view>
				<view class="linebox mt16">
					<view class=" flex-row align-center">
						<view class="fz24 justify-center align-center"
							style="width: 32rpx;height: 32rpx;background: #00D9B2;color: #fff;border-radius: 50%;">
							4
						</view>
						<view class="fz36 color303b39 ml16" style="">
							追求高质量医疗服务的患者
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 组件2 -->
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					远程问诊的服务流程
				</view>
			</view>
			<view class="card_div mt40" >
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">01</view>
					<view class="title fz36">注册账号
					</view>
					<view class="cardcon">
						<view class=" fz32" style="line-height: 48rpx;">
							在本平台注册并完善个人信息。
						</view>
					</view>
				</view>
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">02</view>
					<view class="title fz36">选择医生
					</view>
					<view class="cardcon justify-start">
						<view class=" fz32" style="line-height: 48rpx;">
							根据您的需求，选择相应的医生进行咨询。
						</view>
					</view>
				</view>
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">03</view>
					<view class="title fz36 ">预约时间
					</view>
					<view class="cardcon ">
						<view class=" fz32" style="line-height: 48rpx;">
							选择您方便的时间进行预约。
						</view>
					</view>
					<!-- <view class="materials_remark fz14">注：可凭患者身份证去到医院指定科室获取</view> -->
				</view>
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">04</view>
					<view class="title fz36 ">在线问诊
					</view>
					<view class="cardcon ">
						<view class=" fz32" style="line-height: 48rpx;">
							在预约时间内，通过视频、电话或文字与医生进行交流。
						</view>
					</view>
					<!-- <view class="materials_remark fz14">注：可凭患者身份证去到医院指定科室获取</view> -->
				</view>
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">05</view>
					<view class="title fz36 ">获取建议
					</view>
					<view class="cardcon ">
						<view class=" fz32" style="line-height: 48rpx;">
							医生将根据您的情况提供专业的医疗建议和治疗方案。
						</view>
					</view>
					<!-- <view class="materials_remark fz14">注：可凭患者身份证去到医院指定科室获取</view> -->
				</view>
				<view class="card" style="border-left: 1rpx solid transparent;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">06</view>
					<view class="title fz36 ">后续服务
					</view>
					<view class="cardcon ">
						<view class=" fz32" style="line-height: 48rpx;">
							如需进一步治疗或咨询，我们将持续为您提供服务。
						</view>
					</view>
					<!-- <view class="materials_remark fz14">注：可凭患者身份证去到医院指定科室获取</view> -->
				</view>
			</view>
		</view>
		
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					药队长远程问诊高定套餐
				</view>
				
			</view>
			<view class="tc_box flex-row justify-between " style="">
				<view class="tc_div">
					<view class="title">
						中国国内
					</view class="describe">
					<view>国内多学科</br>远程会诊MDT</view>
				</view>
				<view class="tc_div">
					<view class="title">
						中国+美国
					</view class="describe">
					<view>中美多学科</br>远程会诊MDT</view>
				</view>
				<view class="tc_div">
					<view class="title">
						中国+日本
					</view class="describe">
					<view>中日多学科</br>远程会诊MDT</view>
				</view>
			</view>
		</view>
		
		<lyb :title="'留言板'"></lyb>

	
<!-- 		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					药队长核心优势
				</view>
			</view>
			<image src="../../static/images/serve/hxys.png" style="width: 700rpx;height: 618rpx;margin-top: 32rpx;"
				mode=""></image>
		</view> -->



		<!-- 组件6 -->
		<view class="remindbox">
			<view class="align-center" style="border-bottom: 1rpx solid #D7DDDC;height: 112rpx;padding: 0 32rpx;">
				<image src="@/static/images/knowledge/mesboard/light.png"
					style="width: 27rpx;height: 36rpx;margin-right: 16rpx;" mode=""></image>
				<view class="" style="font-weight: 800;font-size: 36rpx;color: #00977C;">
					药队长温馨提示您
				</view>
			</view>
			<view class="process borderbox">
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						1
					</view>
					请准确填写您的联系方式，并保持通信畅通，以便药队长医学顾问能联系到您。
				</view>
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						2
					</view>
					咨询人数较多，药队长医学顾问回复不及时，请您谅解。如果急需解决，可拨打免费电话：<a style="color: #00D9B2;"
						href="tel:4000012811">400-001-2811</a>；或者点击免费咨询，立刻咨询。
				</view>
				<view class="processbox borderbox pos-rel" style="padding-bottom: 0;">
					<view class="pos-abs circular">
						3
					</view>
					药队长承诺，严格保护您的个人信息。
				</view>
			</view>
		</view>

		<!-- 组件7 -->
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					客户说
				</view>
			</view>
			<view class="mt40"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“你们的远程问诊对我这种出行不便的人来说，真是太友好了，线上问诊，省去了奔波之苦。”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 催先生
				</view>
			</view>
<!-- 			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“对医院的诊断结果不满意，选择了你们的远程问诊，多方专家给出了综合意见，心里有底了”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 陈先生
				</view>
			</view> -->
			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“通过你们的远程问诊，帮我解决了处方药找药难题，太给力了”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 朱女士
				</view>
			</view>
			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“感谢远程问诊，给我省了一笔远赴国外的开支”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 肖女士
				</view>
			</view>
		</view>

		<!-- 组件7 -->
		<zxkfcom></zxkfcom>


		<FixedFoot :typeid="3"></FixedFoot>
	</view>
</template>

<script>
	import FixedFoot from '../../layouts/fixedfoot.vue';
	import NavHeader from '../../layouts/navheader.vue';
	import lyb from '../../components/generalcom/lyb.vue';
	import zxkfcom from '../../components/generalcom/zxkfcom.vue';
	export default {
		components: {
			FixedFoot,
			NavHeader,
			lyb,
			zxkfcom
		},
		onLoad() {

		},
		data() {
			return {
			}
		},
		methods: {
		},
		created() {},
	}
</script>

<style lang="scss" scoped>
	::v-deep .is-input-border {
		height: 90rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D7DDDC;
	}

	::v-deep .uni-input-wrapper {
		font-size: 32rpx;
	}

	::v-deep .uni-easyinput__content-input {
		padding: 0 33rpx;
	}

	::v-deep .u-input__textarea {
		font-size: 32rpx;
		padding: 21rpx 0;
	}

	.pagebody {
		padding-bottom: 136rpx;
		background: #F0F6F5;

		.topbox {
			height: 547rpx;
			background: url('../../static/images/serve/ycwzpagebg.png') no-repeat;
			background-size: cover;
			padding: 36rpx 24rpx;
		}

		.combox {
			padding: 48rpx 24rpx 56rpx;
			background: #fff;
			border-radius: 32rpx;
			margin-top: 16rpx;

			.linebox {
				background: linear-gradient(125deg, #F5FEFC 0%, #E7FCF8 100%);
				border-radius: 24rpx;
				padding: 32rpx 24rpx;

			}

			// 组件2
			.card_div {
				padding: 24rpx;
				border-radius: 24rpx;

				.card {
					border-left: 1rpx dashed #80dbe4;
					position: relative;

					.smayuan {
						width: 16rpx;
						height: 16rpx;
						border-radius: 50%;
						background: #00D9B2;
						position: absolute;
						border: 2rpx solid rgba(2, 183, 202, 0.1);
						z-index: 3;
						top: 8rpx;
						left: -8rpx;
					}

					.bigyuan {
						width: 32rpx;
						height: 32rpx;
						border-radius: 50%;
						background-color: #e6f8fa;
						border: 4rpx solid rgba(2, 183, 202, 0.10);
						position: absolute;
						left: -16rpx;
					}

					.num {
						width: 30rpx;
						height: 24rpx;
						font-size: 36rpx;
						font-family: Microsoft YaHei-Bold, Microsoft YaHei;
						font-weight: bold;
						color: #00D9B2;
						line-height: 32rpx;
						margin-left: 24rpx;
					}

					.title {
						font-weight: bold;
						color: #303B39;
						position: absolute;
						top: -10rpx;
						left: 80rpx;
					}

					.material_title {
						color: #333333;
						position: absolute;
						top: -5rpx;
						left: 66rpx;
					}

					.cardcon {
						background: #f8f8f8;
						border-radius: 16rpx;
						padding: 16rpx 16rpx 16rpx 24rpx;
						margin-top: 32rpx;
						margin-left: 60rpx;
						font-weight: 400;
						color: #323434;
					}


					.materials_remark {
						height: 14rpx;
						font-family: Microsoft YaHei-Regular, Microsoft YaHei;
						font-weight: 400;
						color: #666666;
						line-height: 14rpx;
						margin-left: 60rpx;
						margin-top: 24rpx;
					}
				}
			}

			// 组件7
			.comcard {
				margin-bottom: 32rpx;
				width: 343rpx;
				height: 400rpx;
				background: linear-gradient(180deg, rgba(0, 255, 209, 0.1) 0%, rgba(0, 255, 209, 0) 100%);
				box-shadow: inset 0px 0px 24px 0px rgba(183, 255, 238, 0.5);
				border-radius: 24px 24px 24px 24px;
				border-image: linear-gradient(180deg, rgba(221, 253, 243, 0.5), rgba(160, 244, 229, 0.5)) 1 1;
			}
			.tc_box{
				margin-top: 40rpx;
				.tc_div{
					height: 274rpx;
					width: 220rpx;
					background: url('../../static/images/serve/tc_back.png') no-repeat;
					background-size: cover;
					text-align: center;
					
					.title{
						padding: 54rpx 0 15rpx 0;
						font-weight: bold;
						font-size: 32rpx;
						color: #05CCA8;
						line-height: 32rpx;
				
					}
					
					.describe{

						font-weight: 500;
						font-size: 24rpx;
						color: rgba(0,0,0,0.2);
						line-height: 32rpx;
						text-align: center;
					
					}
				}
			}
			

		}


		.remindbox {
			margin-top: 16rpx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 32rpx;

			.process {
				padding: 29rpx 32rpx 80rpx 50rpx;

				.processbox {
					padding: 0 20rpx 48rpx 38rpx;
					border-left: 1rpx dashed #00D9B2;
					font-weight: 500;
					font-size: 32rpx;
					color: #303B39;
					line-height: 56rpx;

					.circular {
						position: absolute;
						left: -18rpx;
						top: 0;
						width: 36rpx;
						height: 36rpx;
						border-radius: 50%;
						background: #00D9B2;
						color: #fff;
						font-size: 28rpx;
						text-align: center;
						line-height: 36rpx;
					}
				}
			}
		}

	}
</style>